.filter{
    width: 20vw;
    height: auto;
    position: relative;
    margin: 0 1.25vw 2.5vw 1.25vw;

}
.filter img{
    width: 20vw;height: 20vw;

}

.editBox{
    width: 80vw;height: 120vw; margin:0 5vw;
    position: relative;
}


/*[data-filter*=image-]{flex:0 1 20%;line-height:0;position:relative;z-index:0}*/
/*[data-filter*=image-] img{height:auto;width:100%}*/
[data-filter=image-grayscale] img{filter:grayscale(50%)}
[data-filter=image-saturate] img{filter:saturate(360%)}
[data-filter=image-sepia] img{filter:sepia(100%)}
[data-filter=image-invert] img{filter:invert(100%)}
[data-filter=image-opacity] img{filter:opacity(50%)}
[data-filter=image-brightness] img{filter:brightness(120%)}
[data-filter=image-contrast] img{filter:contrast(160%)}
[data-filter=image-hue-rotate] img{filter:hue-rotate(160deg)}
[data-filter=image-blur] img{filter:blur(2px)}



.image-grayscale img{filter:grayscale(50%)}
.image-saturate img{filter:saturate(360%)}
.image-sepia img{filter:sepia(100%)}
.image-invert img{filter:invert(100%)}
.image-opacity img{filter:opacity(50%)}
.image-brightness img{filter:brightness(120%)}
.image-contrast img{filter:contrast(160%)}
.image-hue-rotate img{filter:hue-rotate(160deg)}
.image-blur img{filter:blur(2px)}